$(function() {
  var pageSize = 5;
  var currentPage = 1;
  function render() {
    $.ajax({
      type: "get",
      url: "/user/queryUser",
      dataType: "json",
      data: {
        pageSize: pageSize,
        page: currentPage
      },
      success: function(res) {
        // 准备数据
        console.log(res);
        //组合
        var str = template("tmp", res);
        //渲染
        $("tbody").html(str);
        setPage(res.total);
      }
    });
  }
  render();

  // 禁用启用
  // 点击当前按钮，获取ID，获取当前的状态
  var id = null;
  var isDelete = null;
  $("tbody").on("click", ".my-btn", function() {
    id = $(this)
      .parent()
      .data("id");
    isDelete = $(this).hasClass("btn-danger") ? 0 : 1;
    console.log(id, isDelete);
  });
  // 点击确定按钮，向后台发送ID，后台进行相应的修改
  // 后台修改完成后，页面重新渲染，隐藏模态框。
  $(".btn-ok").click(function(res) {
    $.ajax({
      type: "post",
      url: "/user/updateUser",
      data: {
        id: id,
        isDelete: isDelete
      },
      dataType: "json",
      success: function(res) {
        //成功的回调函数
        console.log(res);
        render();
        $(".modal-user").modal("hide");
      }
    });
  });

  // 分页功能
  function setPage(total) {
    $("#paginator").bootstrapPaginator({
      bootstrapMajorVersion: 3, //默认是2，如果是bootstrap3版本，这个参数必填
      currentPage: currentPage, //当前页
      totalPages: Math.ceil(total / pageSize), //总页数
      onPageClicked: function(event, originalEvent, type, page) {
        //为按钮绑定点击事件 page:当前点击的按钮值
        currentPage = page;
        render();
      }
    });
  }
});
